* {
    box-sizing: border-box;
}

body {
    padding: 10px;
    background: grey;
}

.head-banner {
    padding: 30px;
    text-align: center;
    background: rebeccapurple;
}
.head-banner div {
    font-size: 50px;
}

.head-nav {
    overflow: hidden;
    background: green;
}

li {
    /*text-decoration: none;*/
    list-style-type: none;
    display: inline;
    margin: 10px;

}
.left-entry {
    float: left;
    width: 30%;
    padding: 14px 16px;
    background: red;
}

.search-container {
    float: left;
    width: 30%;
    height: 50px;
    padding: 14px 16px;
    background: yellow;
}

.search-container form {

}

.right-entry {
    float: right;
    width: 30%;
    padding: 14px 16px;
    background: blue;
}

.channel-item a {
    display: block;
    background: #86b7fe;
}

.feed-card {
    padding: 20px;
    text-align: center;
    background: magenta;
    margin-top: 20px;
}

